    <%@page import="java.io.File"%>
<%@page import="java.io.FileOutputStream"%>
<%@page import="classes.backupdb"%>
<script type="text/javascript">
       function change(str){
      $("#main-content").load(str);
       }
    </script>
    <span class="leftpanel" >
        <h3><b>Manager Control</b></h3>
        
        <div id="listContainer">
            <%--<div class="listControl">
                <a id="expandList">Expand All</a>
                <a id="collapseList">Collapse All</a>
            </div>--%>
            <ul id="expList">
                
                <li>
                    Stock
                    <ul>
                        <li>
                            <a href="#" onclick="change('Manager/add_stock.jsp')" >Add</a>
                        </li>
                        <li>
                            <a href="#" data-tooltip="sticky3" >Set Share-Price</a>
                        </li>
                        <li>
                            <a href="#" onclick="window.open('removestock.jsp','Remove Stock','toolbar=no,scrollbars=yes,resizable=no,width=350px,height=350px')" >Remove</a>
                        </li>
                    </ul>
                </li>
                <li>
                    Employee
                    <ul>
                        <li>
                            <a href="#" onclick="location.href='index.jsp#divModalDialog1';">Add</a>
                        </li>
                        <li>
                            <script type="text/javascript">
                                function updatesticky(){
                                    stickytooltip.init("*[data-tooltip]", "mystickytooltip")
                                }
                            </script>
                            <a href="#" onmouseover="updatesticky()" data-tooltip="sticky2">Edit</a>
                        </li>
                        <li>
                            <a href="#" onclick="window.open('removeemployee.jsp','Remove Employee','toolbar=no,scrollbars=yes,resizable=no,width=350px,height=350px')" >Remove</a>
                            <!--<div id="m_remove">Remove Employee</div>-->
                        </li>
                    </ul>
                </li>
                <li>
                    Customer
                    <ul>
                        <li>
                            <a href="#" onclick="location.href='index.jsp#divModalDialog4';" >Add</a>
                        </li>
                        <li>
                            <a href="#" onclick="window.open('removecustomer.jsp','Remove Customer','toolbar=no,scrollbars=yes,resizable=no,width=350px,height=350px')" >Remove</a>
                        </li>
                    </ul>
                </li>
                <li>
                    Most Revenue
                    <ul>
                        <li>
                            <a href="#" onclick="change('MostRevenue/CustomerRepresentative.jsp')" >Broker</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('MostRevenue/Customer.jsp')" >Customer</a>
                        </li>
                    </ul>
                </li>
                
                <li>
                    List
                    <ul>
                        <li>
                            <a href="#" onclick="change('Manager/stocklist.jsp')" >Stocks</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('Manager/orderstocksym.jsp')" >Order by Stock Symbol</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('Manager/ordercustomer.jsp')" >Order by Customer Name</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('Manager/revenuestock.jsp')" >Revenue by Stock</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('Manager/revenuetype.jsp')" >Revenue by Stock Type</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('Manager/revenuecustomer.jsp')" >Revenue by Customer</a>
                        </li>
                        <li>
                            <a href="#" onclick="change('Manager/activelytraded.jsp')" >Actively Traded Stock</a>
                        </li>
                    </ul>
                </li>
                
                <li>
                            <a href="#" data-tooltip="sticky1">Sales Report</a>
                            
                </li>
                <li>
                            <a href="#" onClick="window.open('/CSE305/db-backup.jsp','BackUP DB','width=300,height=110,toolbar=no, location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no, resizable=no')">Backup Database</a>
                </li>
            </ul>
        </div>

            <!--HTML for the tooltips-->
            <div id="mystickytooltip" class="stickytooltip">
            <div style="padding:5px">

            <div id="sticky1" class="atip" style="width:170px;">
                <jsp:include page="../Manager/salesreport.jsp"/>
            </div>
            <div id="sticky2" class="atip" style="overflow: auto;height: 100px;width:190px;">
                <jsp:include page="../empeditlinks.jsp"/>
            </div>
            <div id="sticky3" class="atip" style="overflow: auto;height: 150px;width:190px;">
                <jsp:include page="../Manager/shareprice.jsp"/>
            </div>
            </div>
            <div class="stickystatus"></div>
            </div>
            
    </span>
